import React from 'react';
import { Row, Col } from 'choerodon-ui';
import style from './index.less';

const renderCol = () => {
  const list = [1, 2, 3, 4];
  return list.map((key) => {
    return (
      <Col span={6} key={key}>
        <div className={style.col}>
          col-6
        </div>
      </Col>
);
  });
};

const GridGutter: React.FC = () => {
  return (
    <div>
      <Row gutter={16} className={style.row}>
        {renderCol()}
      </Row>
    </div>
  );
};

export default GridGutter;